<template>
  <div class="list">
    <div class="listBox" v-for="(v,index) in listimgs" :key="index">
        <div class="smillbox" v-for="(v, index) in listimgs[index]" :key="index">
            <img :src="v.img" alt="">
            <span>{{ v.msg }}</span>
        </div>
    </div>
  </div>
</template>

<script>

export default {
    data(){
        return{
            listimgs:[
                [
                    { img: "https://gw.alicdn.com/imgextra/i1/O1CN0139XYGD1dgsG0SflyO_!!6000000003766-2-tps-144-144.png", msg: "法院卖货"},
                    { img: "https://gw.alicdn.com/imgextra/i2/O1CN01Vjabqt233eLZW577p_!!6000000007200-2-tps-144-144.png", msg: "奢侈品" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i3/O1CN01GVmJQ91CDZIZYxMoj_!!6000000000047-2-tps-144-144.png", msg: "政府国资" },
                    { img: "https://gw.alicdn.com/imgextra/i2/O1CN01k8ZuZk1N9rrYB9Elr_!!6000000001528-2-tps-144-144.png", msg: "玉翠珠宝" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i1/O1CN01MMmLHv1G5Yq0w7YJm_!!6000000000571-2-tps-144-144.png", msg: "破产甩卖" },
                    { img: "https://gw.alicdn.com/imgextra/i1/O1CN01opdg861N0FZx0jZjB_!!6000000001507-2-tps-144-144.png", msg: "特价茅台" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i4/O1CN01Eb2vok1elHhDStMKZ_!!6000000003911-2-tps-144-144.png", msg: "银行清仓" },
                    { img: "https://gw.alicdn.com/imgextra/i3/O1CN01FaJ80T1xJmccLWMC7_!!6000000006423-2-tps-144-144.png", msg: "艺术品" }
                ],

                [
                    { img: "https://gw.alicdn.com/imgextra/i3/O1CN01CAcxHc24aurnQwr4R_!!6000000007408-1-tps-144-144.gif?getAvatar=true", msg: "房产" },
                    { img: "https://gw.alicdn.com/imgextra/i4/O1CN01xevZdF25KFwOq5WTg_!!6000000007507-2-tps-144-144.png", msg: "特价车" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i1/O1CN01b2zjNf28Mx7Tt7kYF_!!6000000007919-2-tps-144-144.png", msg: "商业资产" },
                    { img: "https://gw.alicdn.com/imgextra/i4/O1CN01tiFqqs1ypfnu2pv2I_!!6000000006628-2-tps-144-144.png", msg: "文玩收藏" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i1/O1CN01Am0WQV1dzC6F0UKL8_!!6000000003806-2-tps-144-144.png", msg: "债卷" },
                    { img: "https://gw.alicdn.com/imgextra/i4/O1CN01Sq6Svt1heMZK9VRnK_!!6000000004302-2-tps-144-144.png", msg: "源头好茶" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i3/O1CN01Qmr51Q1gsGzmG3FzK_!!6000000004197-2-tps-135-135.png", msg: "数字资产" },
                    { img: "https://gw.alicdn.com/imgextra/i2/O1CN01CV9XqV1sBTL6Qo1Qx_!!6000000005728-2-tps-144-144.png", msg: "工艺珍玩" },
                ],
                [
                    { img: "https://gw.alicdn.com/imgextra/i4/O1CN01p59eNz1lyIGQtoU5O_!!6000000004887-2-tps-135-135.png", msg: "农业牧渔" },
                    { img: "https://gw.alicdn.com/imgextra/i3/O1CN016Jg1Rb1Lpsy0p3joE_!!6000000001349-2-tps-144-144.png", msg: "紫砂陶瓷" },
                ],
            ],
            

        }
    },
    
    methods:{
     
    },
   
}
</script>

<style scoped>
.list{
    width: 96%;
    height: 2.92rem;
    margin: 5px 2%;
    background: #fff;
    border-radius: 0.24rem;
    display: flex; 
    overflow: auto;
    }
 .list .listBox{
    width: 18%;
    height: 2.92rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
 }
 .list .listBox .smillbox{
    width: 100%;
    height: 1.46rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
 }

 .list .listBox .smillbox img{
    width: .84rem;
    height: .84rem;
 }
  .list .listBox .smillbox span{
    text-align: center;
    width: 100%;
  }
</style>